<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/layui/layui.css" media="all">
    <link rel="stylesheet" href="./static/css/manage.css">
    <style>
        .table_header_list {
            padding: 5px;
            font-size: 14px;
            color: #333;
            margin-right: 40px;
            float: left;
            border-bottom: 1px solid #fff;
            cursor: pointer;
        }

        .change_bot {
            border-bottom: 2px solid #008EFF;
        }

        .form_left {
            padding-top: 10px;
            width: 45%;
        }

        .form_right {
            padding-top: 10px;
            width: 45%;
            margin-left: 5%;
        }

        .table_header_list {
            height: 24px;
            line-height: 24px;
        }

        .layui-form-label {
            font-size: 15px;
        }

        .layui-input-inline {
            width: 154px;
        }

        .layui-form-radio>i:hover,
        .layui-form-radioed>i {
            color: #008EFF;
        }

        .layui-input {
            border: 1px solid #333;
            height: 30px;
        }
    </style>
    <title>管理系统</title>
</head>

<body>
    <!-- header s -->
    <div class="header ">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>

            <li class="header_nav">
                客户联系电话：400-XXX-XXX
            </li>
            <li class="header_nav" style="opacity: 0;">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>

            <li class="header_border">
                <select name="" id="">
                    <option value="">简体中文</option>
                </select>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                ID：-34000001
            </li>
        </ul>
    </div>
    <!--header e  -->
    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->

    <!-- main s -->
    <div class="manage_main o_f_h">
        <ul class="main_slider">
            <li>
                <a href="#">客户中心</a>
            </li>
            <li class="change_c">
                <a href="#">个人资料</a>
            </li>
            <li>
                <a href="#">我的订单</a>
            </li>
            <li class="">
                <a href="#">发票管理</a>
            </li>
        </ul>

        <div class="real_main">

            <p style="margin-top:30px;margin-bottom: 5px;">
                <span class="real_main_header" style="margin-right: 10px;">
                    用户设置
                </span>
            </p>

            <div class="table_header o_f_h">
                <div class="table_header_list" style="margin-left:0;padding-left: 0;">
                    国家/地区：中国
                </div>
                <div class="table_header_list ">
                    注册邮箱：1067644@qq.com
                </div>

                <div class="table_header_list ">
                    用户ID：043000001
                </div>

                <div class="table_header_list " style="float:right;padding:0;width:90px;height: 24px;line-height: 24px;text-align: center;color:#333;margin-left: 60px;border:1px solid #333;margin-right: 0;">
                    修改密码
                </div>
            </div>


            <form action="" style="margin-top: 40px;" class="layui-form">

                <div class="form_header o_f_h">
                    <div class="form_left f_l">
                        <p style="text-align: left;color:#333;font-size: 18px;margin-bottom: 20px;margin-left: 40px;">
                            收货地址
                        </p>
                        <div class="layui-form-item">
                            <label class="layui-form-label">公司地址</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">公司账号</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">城市</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="position: relative">
                            <label class="layui-form-label">收货地址</label>
                            <a href="#" style="color:#008EFF;font-size: 14px;position: absolute;top:10px;right:10px;color:#008EFF;z-index: 100;">修改</a>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮箱</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">电话</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>

                    </div>

                    <div class="form_right f_r">
                        <p style="text-align: left;color:#333;font-size: 18px;margin-bottom: 20px;margin-left: 40px;">
                            发票地址
                        </p>
                        <div class="layui-input-block" style="margin-left: 40px;">
                            <input type="radio" name="sex" value="男" title="和收货地址相同" checked="">
                        </div>
                        <div class="layui-input-block" style="margin-left: 40px;margin-top: 12px;">
                            <input type="radio" name="sex" value="男" title="和收货地址不相同" checked="">
                        </div>
                        <div class="layui-form-item" style="margin-top:20px;">
                            <label class="layui-form-label">公司名字</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">公司税号</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="position: relative">
                            <label class="layui-form-label">公司地址</label>
                            <a href="#" style="color:#008EFF;font-size: 14px;position: absolute;top:10px;right:10px;color:#008EFF;z-index: 100;">修改</a>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮编</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">电话</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
                            </div>
                        </div>
                    </div>

                </div>

                <div style="height: 1px ;margin-top: 20px;margin-bottom: 20px;background-color: #cfc9c9;">
                    &nbsp;
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="padding-left: 0;color:#008EFF;padding-bottom: 0;
                        padding-top: 6px;
                    ">WHATSAPP</label>
                        <div class="layui-input-inline" style="width: 154px;">
                            <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input" style="width: 154px;">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="padding-left: 0;color:#008EFF;padding-bottom: 0;
                        padding-top: 6px;
                    ">SKEYPE</label>
                        <div class="layui-input-inline" style="width: 154px;">
                            <input type="text" name="date" id="date" lay-verify="date" placeholder="" autocomplete="off" class="layui-input" style="width: 154px;">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="padding-left: 0;color:#008EFF;padding-bottom: 0;
                        padding-top: 6px;
                    ">FACEBOOK</label>
                        <div class="layui-input-inline " style="width: 154px;">
                            <input type="tel" name="url" lay-verify="url" autocomplete="off" class="layui-input" style="width: 154px;">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label" style="padding-left: 0;">备注</label>
                    <div class="layui-input-block" style="margin-left: 95px;">
                        <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn f_r layui-color-blue" lay-submit="" lay-filter="demo1" style="background-color: #008EFF">保存</button>

                    </div>
                </div>
            </form>


        </div>
    </div>
    <!-- main e -->
</body>
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    layui.use(["jquery", 'form'], function () {
        var $ = layui.$
        var close_mask = $("#close_mask");
        var add_new_address = $(".add_new_address").eq(0);
        var mask = $(".mask").eq(0)
        add_new_address.click(function () {
            mask.css("display", "block")
        })
        close_mask.click(function () {
            mask.css("display", "none")

        })
    });
</script>

</html>